<template>
    <div class="app-Login">
      <div v-if="login">
          
      </div>
      <div v-else>
          <div class="sign data-table">
            <img src="http://361cdn.361sport.com/tel/images/logo.png" class="logo">
            <input type="text" placeholder="请输入帐号或手机号码" id="Laccount">
            <input type="password" placeholder="输入密码" id="Lpassword">
            <div class="statement">
              <b class="fl read"></b>
              <a href="javascript:;">（记住我）两周内自动登录</a>
            </div>
            <button class="sign-btn">立即登录</button>
            <div>
              <a href="" class="forgotPassword">忘记密码</a>
              <a href="/register" class="sign-register">注册361°帐号</a>
            </div>
          </div>
      </div>
    </div>
</template>
<script>
import {mapGetters,mapActions} from 'vuex'

export default {
  computed:{
    ...mapGetters(['login'])
  },
  methods:{
    ...mapActions(['checkLogin'])
  }
}
</script>

<style lang="stylus" scoped>
  .app-Login
    position relative
    padding-top 0.5rem
    .data-table
      width 80%
      margin 1rem auto
      text-align center
      .logo
        width .43rem
        height .26rem
        padding-bottom .25rem
        display block
        max-width 100%
        margin 0 auto
        border none
        vertical-align middle
      input
        width 90%
        height .42rem
        padding 0 4.8%
        margin .05rem 0
        border .01rem solid #cccccc;
        border-radius .04rem
        font-size .15rem
        font-family "Microsoft YaHei", "Arial"
        outline none
        font-weight normal
      .statement 
        text-align left
        margin .08rem auto
        a
          display inline-block
          font-size .12rem
          color #808080
      .sign-btn
        float left
        width 100%
        height .44rem
        line-height .44rem
        text-align center
        font-size .15rem
        background-color #F99302
        color #fff
        margin-top .05rem
        margin-bottom .1rem
        border-radius .03rem
        font-weight 100
        cursor pointer
        border none
        outline none
        font-family "Microsoft YaHei", "Arial"
      .forgotPassword
        font-size .15rem
        color #1A1A1A
        padding 0 .2rem
      .sign-register
        font-size .15rem
        padding 0 .2rem
        color #f99302
        border-left .01rem solid #F0F0F0
          
</style>
